<template>
  <div>
    <!-- 轮播图 -->
    <mt-swipe :auto="40000">
      <mt-swipe-item>
        <img src="../../images/slide_01_640x340.jpg">
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="../../images/slide_02_640x340.jpg">
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="../../images/slide_03_640x340.jpg">
      </mt-swipe-item>
    </mt-swipe>

    <!-- 九宫格 -->
    <div class="b">
      <div class="b-1">
        <router-link to="/home/newsList">
        <img src="../../images/menu1.png" alt="">
        <p>新闻咨询</p>
        </router-link>

        <router-link to="/home/photoList/0">
        <img src="../../images/menu2.png" alt="">
        <p>图片分享</p>
        </router-link>

        <router-link to="/home/goodsList">
        <img src="../../images/menu3.png" alt="">
        <p>商品购买</p>
        </router-link>
      </div>

      <div class="b-2">
        <router-link to="/">
        <img src="../../images/menu4.png" alt="">
        <p>留言反馈</p>
        </router-link>

        <router-link to="/">
        <img src="../../images/menu5.png" alt="">
        <p>视频专区</p>
        </router-link>

        <router-link to="/">
        <img src="../../images/menu6.png" alt="">
        <p>联系我们</p>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.mint-swipe {
  width: 100%;
  height: 170px;
  
      img{
          width: 100%;
        //   display: block;
      }
  
}
.b{
  width: 100%;
  .b-1{
    width: 100%;
    display: flex;
    height: 110px;
    text-align: center;
    // line-height: 130px;
    margin-top: 11px;
    a{
      flex: 1;
     img{
       width: 60px;
     }
     p{
       margin-top: 10px;
     }
      
    }
  }
  .b-2{
    width: 100%;
    display: flex;
    height: 110px;
    text-align: center;
    // line-height: 130px;
    margin-top: 11px;
    a{
      flex: 1;
     img{
       width: 60px;
     }
     p{
       margin-top: 10px;
     }
      
    }
  }
}
</style>
